<template>
    <div>
      <div class="StudentVolunteerService">
        <h1>学生志愿服务</h1>
        <el-table :data="PersonalStatement" style="width: 100%" >
          <el-table-column prop="date" label="姓名">{{ user.date }}</el-table-column>
          <el-table-column prop="spot" label="学号">{{ user.spot }}</el-table-column>
          <el-table-column prop="level" label="服务时长">{{ user.level }}</el-table-column>
          <el-table-column prop="role" label="评分">{{ user.role }}</el-table-column>
        </el-table>
      </div>
      
    </div>
  
  </template>
  
  <script>
  import { getJVSinfo } from "@/api/login";
  export default {
    name: "StudentGradeEvaluation",
    data() {
      return {
        
        user: {
          username:"",
          id: "",
          hours:"",
          rate:"",
          
        },
      };
    },
    mounted() {
      getJVSinfo().then((res) => {
        this.user.username = res.data.username;
        this.user.id = res.data.id;
        this.user.hours = res.data.hours;
        this.user.rate = res.data.rate;
      });
    },
   
  }
  </script>
  
  <style scoped>
  .StudentGradeEvaluation{
    padding: 20px;
  }
  .test{
    width: 150px !important;
  }
  </style>